<template>
  <img class="checked" v-if="checked" src="./images/yes.png" @click.stop="$emit('change', false)">
  <img class="checked" v-else src="./images/no.png" @click.stop="$emit('change', false)">
</template>

<script>
export default {
  model: {
    prop: 'checked',
    event: 'change'
  },
  props: {
    checked: {
      type: Boolean,
      default: false
    }
  },
}
</script>

<style lang="less" scoped>
.checked {
  width: 28px;
  height: 28px;
}
</style>
